.mhy-account-center-header {
  padding: 20px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px
}

.mhy-account-center-header__avatar {
  margin-right: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.mhy-account-center-header__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.mhy-account-center-header__data-item {
  min-width: 100px;
  padding: 0 20px;
  text-align: center
}

.mhy-account-center-header__data-item:last-child {
  padding-right: 0;
  min-width: 80px
}

.mhy-account-center-header__data-item+.mhy-account-center-header__data-item {
  border-left: 1px solid #f0f0f0
}

.mhy-account-center-header__data-num {
  color: #666;
  font-size: 20px
}

.mhy-account-center-header__data-link {
  cursor: pointer
}

.mhy-account-center-header__data-link:hover {
  color: #4cc3ff
}

.mhy-account-center-header__data-label {
  color: #ccc
}

.mhy-account-center-header__buttons {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.mhy-account-center-header__manage {
  margin-left: 10px
}

.mhy-account-center-header__manage.mhy-button .mhy-button__button,
.mhy-account-center-header__manage.mhy-button .mhy-button__button:hover {
  border-color: #fa0;
  color: #fa0
}

.mhy-account-center-user {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.mhy-account-center-user__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 0
}

.mhy-account-center-user__name {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600
}

.mhy-account-center-user__certification,
.mhy-account-center-user__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
  color: #999;
  line-height: 18px
}

.mhy-account-center-user__certification span,
.mhy-account-center-user__intro span {
  margin-top: 2px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 1
}

.mhy-account-center-user__certification .mhy-symbol-icon,
.mhy-account-center-user__intro .mhy-symbol-icon {
  font-size: 14px;
  margin-right: 8px
}

.mhy-account-center-user__level.mhy-img-icon {
  margin-left: 10px;
  height: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.mhy-account-center-user__level--self {
  cursor: pointer
}

.mhy-account-center-user__lvname {
  margin-left: 5px;
  color: #333
}

.mhy-account-center-user__gender {
  margin-left: 10px;
  font-size: 14px
}

.mhy-account-center-user__uid {
  margin-left: 10px;
  font-size: 12px;
  color: #ccc
}

.mhy-account-center__subheader {
  width: 100%;
  padding: 0 30px;
  line-height: 50px;
  border-bottom: 1px solid #ebebeb;
  font-size: 16px
}

.mhy-account-center__menu li:nth-of-type(3),
.mhy-account-center__menu li:nth-of-type(5) {
  border-bottom: 1px solid #f0f0f0
}

.mhy-account-center__menu li:last-child {
  border-bottom: none
}

.mhy-account-center__level .mhy-action-sheet__content {
  width: 600px
}

.mhy-account-center-content {
  width: 700px;
  float: right
}

.mhy-account-center-content .mhy-no-data .mhy-icon {
  font-size: 100px;
  color: #ccc
}

.mhy-account-center-content-container .mhy-no-data {
  height: 500px
}

.mhy-account-center-post-card {
  border-top: 1px solid #ebebeb;
  padding-top: 24px
}

.mhy-account-center-post-card:hover {
  background-color: #fcfcfc;
  -webkit-transition: 0.3s background-color;
  -o-transition: 0.3s background-color;
  transition: 0.3s background-color
}

.mhy-account-center-post-card:first-child {
  border-top: none
}

.mhy-account-center-post-card .mhy-account-center-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #999;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 30px;
  line-height: 16px
}

.mhy-account-center-post-card .mhy-account-center-time .mhy-icon {
  font-size: 16px;
  color: #ccc
}

.mhy-account-center-post-card .mhy-account-center-time__small {
  font-size: 14px;
  margin-left: 10px
}

.mhy-account-center-post-card .mhy-article-card {
  overflow: hidden
}

.mhy-account-center-post-card .mhy-article-card:hover {
  background-color: transparent
}

.silence-options {
  padding: 40px 30px 50px
}

.silence-options__left {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.silence-options__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666
}

.silence-options__item+.silence-options__item {
  margin-top: 24px
}

.silence-options__item .error-color {
  margin: 0 4px;
  font-weight: 600
}

.silence-options__item .mhy-input {
  width: 70px;
  height: 34px;
  margin: 0 10px
}

.silence-options__item .mhy-input input {
  padding: 0 10px;
  text-align: center;
  width: 100%
}

.silence-options .mhy-button {
  width: 106px
}

.mhy-account-center-banned {
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}